<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php
echo $this->headScript()->
        appendFile($this->baseUrl() . "/js/jquery-1.7.1.js")->
        appendFile($this->baseUrl() . "/js/common.js")->
        appendFile($this->baseUrl() . "/js/login.js")->
        appendFile($this->baseUrl() . "/css/bootstrap/dist/js/bootstrap.min.js");
echo $this->headLink()
        ->setIndent('  ')
        ->prependStylesheet($this->baseUrl() . "/css/bootstrap/dist/css/bootstrap.min.css")
        ->prependStylesheet($this->baseUrl() . "/css/bootstrap/dist/css/bootstrap-theme.min.css");
?>
<style type="text/css">
    body
    {
        padding-top: 2em;
        background-color: #fafafa;
/*        background-image: -moz-linear-gradient(top, #999999, #f2f2f2);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#f2f2f2));
        background-image: -webkit-linear-gradient(top, #999999, #f2f2f2);
        background-image: -o-linear-gradient(top, #999999, #f2f2f2);
        background-image: linear-gradient(to bottom, #999999, #f2f2f2);
        background-repeat: repeat-x;*/
/*        border: 1px solid #d4d4d4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#fff2f2f2', GradientType=0);
        *zoom: 1;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);*/
    }
    .input-group-addon
    {
        background-color: rgb(50, 118, 177);
        border-color: rgb(40, 94, 142);
        color: rgb(255, 255, 255);
    }
    .form-control:focus
    {
        background-color: rgb(50, 118, 177);
        border-color: rgb(40, 94, 142);
        color: rgb(255, 255, 255);
    }
    .form-signup input[type="text"],.form-signup input[type="password"] { border: 1px solid rgb(50, 118, 177); }
</style>

<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="row-fluid">
                        <div class="span12 text-center">
                            <h2>Virtual Labs Manager</h2>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12 text-center">
                            <b class="text-muted">Facultad Polit&eacute;cnica</b>

                        </div>
                    </div>
                    <br/>
                    <form class="form form-signup" role="form">
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                                <input id="username" type="text" class="form-control" placeholder="Nombre de Usuario" />
                            </div> 
                        </div>                        
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                                <input id="password" type="password" class="form-control" placeholder="Contrase&ntilde;a" />
                            </div>
                        </div>


                        <div id="div-alert"></div>                
                        <a id="submit" href="#" class="btn btn-sm btn-primary btn-block" role="button">INGRESAR</a> 
                    </form>
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <div class="span6 text-center">
                            <a  href="/index/createnewaccount/" class="link" role="button" >Registrarse</a>
                        </div>
                        <div class="span6 text-center">
                            <a  id="btnrecuperar" href="/login/passwordforgot" class="link" role="button" >&iquest;Olvid&oacute; su contrase&ntilde;a&quest;</a>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
</div>

